<!DOCTYPE html>
<html>
<head>
    <title>留言墙</title>  <!-- 页面标题 -->
</head>
<body>
    <h1>🎈 留言墙</h1>

    <!-- 🔽 留言提交表单部分 -->
    <form method="post">
        {% csrf_token %}
        <!-- 🔐 CSRF 跨站请求伪造防护令牌，Django 要求必须添加，防止恶意提交 -->

        昵称：<input type="text" name="nickname"><br>
        <!-- 文本框，name="nickname"，提交后通过 POST 请求发送给后端 -->

        留言：<br>
        <textarea name="content" rows="4" cols="40"></textarea><br>
        <!-- 多行文本框，name="content"，填写留言内容 -->

        <button type="submit">提交留言</button>
        <!-- 提交按钮，点击后会将表单通过 POST 方法提交到当前 URL -->
    </form>

    <!-- 🔽 留言展示区域 -->
    <h2>📝 所有留言</h2>
    <ul>
        {% for msg in messages %}
            <!-- 遍历从后端传来的 messages 列表（留言记录） -->
            <li>{{msg.pk}}：<strong>{{ msg.nickname }}</strong>：{{ msg.content }}</li>
            <a href="{% url 'delete_message' msg.pk %}">删除</a>
            <a href="{% url 'edit_message' msg.pk %}">修改</a>
        {% empty %}
            <!-- 如果 messages 是空的，显示下面这条提示 -->
            <li>暂无留言，快来留一句吧！</li>
        {% endfor %}
    </ul>
</body>
</html>